body {
  --headnavback: #ffffff;
  --bodyback: #f4f4f4;
  --fontsize: black;
  --essayback: #ffffff;
  --labelcolor: #e0e0e0;

  --oneessaynewtop: #bde3ff;
  --oneessaynewbottom: #eef8ff;
  --oneessayhottop: #fed0cb;
  --oneessayhotbottom: #ffeeec;

  --circlemainback: #ffffff;
  background-color: var(--bodyback);
}
body.dark {
  --headnavback: #151515;
  --bodyback: #121212;
  --fontsize: white;
  --essayback: #1e1e1e;
  --labelcolor: #555555;

  --oneessaynewtop: #3d3d3d;
  --oneessaynewbottom: #131313;
  --oneessayhottop: #3d3d3d;
  --oneessayhotbottom: #131313;

  --circlemainback: #1e1e1e;
  background-color: var(--bodyback);
}
